<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>服务指南</title>
		<link rel="stylesheet" type="text/css" href="./css/style.css">
		<link rel="stylesheet" type="text/css" href="css/tuangou.css" />
	</head>

	<body>
		<!-- start header -->
		<header>
			<div class="top center">
				<div class="left fl">

				</div>
				<div class="right fr">
					<div class="gouwuche fr">
						<a href="./dingdanzhongxin.html">我的订单</a>
					</div>
					<div class="fr">
						<ul>
							<li>
								<a href="./login.html" target="_blank">登录</a>
							</li>
							<li>|</li>
							<li>
								<a href="./register.html" target="_blank">注册</a>
							</li>
							<li>|</li>
							<li>
								<a href="#top">个人中心</a>
							</li>
						</ul>
					</div>
					<div class="clear"></div>
				</div>
				<div class="clear"></div>
			</div>
		</header>
		<!--end header -->
		<!-- start banner_x -->
		<div id="banner_x">
			<div class="banner_x center">
				<a href="./index.html" target="_blank">
					<div class="logo fl"></div>
				</a>
				<div class="nav fl">
					<ul>
						<li>
							<a href="">道恩仪器</a>
						</li>
						<li>
							<a href="">道恩</a>
						</li>
						<li>
							<a href="">显微镜</a>
						</li>
						<li>
							<a href="">道恩仪器</a>
						</li>
						<li>
							<a href="">道恩</a>
						</li>
						<li>
							<a href="">显微镜</a>
						</li>
						<li>
							<a href="">道恩仪器</a>
						</li>
						<li>
							<a href="">道恩</a>
						</li>

					</ul>
				</div>
				<div class="search fr">
					<form action="" method="post">
						<div class="text fl">
							<input type="text" class="shuru" placeholder="小米6&nbsp;小米MIX现货">
						</div>
						<div class="submit fl">
							<img src="image/fang.png" />
						</div>
						<div class="clear"></div>
					</form>
					<div class="clear"></div>
				</div>
			</div>
		</div>
		<!-- end banner_x -->
		<!--中部的内容-->
		<div class="main">
			<div class="banner">
				<div class="left">
					<h1>医用显微镜</h1>
					<p>清晰、聚焦方便、清晰、聚焦方便</p>
					<span>￥5123.0</span>
					<button>立即购买</button>
				</div>
				<div class="right">
					<img src="image/xianshijing.png" />
				</div>
			</div>
			<div class="list">
				<div>
					<img class="img" src="image/bitch01.png" />
					<img class="xianwei" src="image/xianshijing.png" />
					<p class="one">显微镜</p>
					<p class="two">￥5263.0</p>
				</div>
				<div>
					<img class="img" src="image/bitch02.png" />
					<img class="xianwei" src="image/xianshijing.png" />
					<p class="one">显微镜</p>
					<p class="two">￥5263.0</p>
				</div>
				<div>
					<img class="img" src="image/bitch03.png" />
					<img class="xianwei" src="image/xianshijing.png" />
					<p class="one">显微镜</p>
					<p class="two">￥5263.0</p>
				</div>
				<div>
					<img class="img" src="image/bitch04.png" />
					<img class="xianwei" src="image/xianshijing.png" />
					<p class="one">显微镜</p>
					<p class="two">￥5263.0</p>
				</div>
			</div>
		</div>
		<div class="container">
			<p>显微镜<span>查看更多<img src="image/icon01.png" alt="" /></span></p>
			<div class="lists">
				<div>
					<div class="head">
						<div class="left">
							<img src="image/icon02.png" /> 喜欢
						</div>
						<div class="right">
							购物车
							<img src="image/icon03.png" />
						</div>
					</div>
					<img class="imgban" src="image/xianshijing.png" />
					<p class="name">医疗仪器显微镜</p>
					<p class="price">￥4236.0</p>
					<div class="img">
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
					</div>
				</div>
				<div>
					<div class="head">
						<div class="left">
							<img src="image/icon02.png" /> 喜欢
						</div>
						<div class="right">
							购物车
							<img src="image/icon03.png" />
						</div>
					</div>
					<img class="imgban" src="image/xianshijing.png" />
					<p class="name">医疗仪器显微镜</p>
					<p class="price">￥4236.0</p>
					<div class="img">
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
					</div>
				</div>
				<div>
					<div class="head">
						<div class="left">
							<img src="image/icon02.png" /> 喜欢
						</div>
						<div class="right">
							购物车
							<img src="image/icon03.png" />
						</div>
					</div>
					<img class="imgban" src="image/xianshijing.png" />
					<p class="name">医疗仪器显微镜</p>
					<p class="price">￥4236.0</p>
					<div class="img">
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
					</div>
				</div>
				<div>
					<div class="head">
						<div class="left">
							<img src="image/icon02.png" /> 喜欢
						</div>
						<div class="right">
							购物车
							<img src="image/icon03.png" />
						</div>
					</div>
					<img class="imgban" src="image/xianshijing.png" />
					<p class="name">医疗仪器显微镜</p>
					<p class="price">￥4236.0</p>
					<div class="img">
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
					</div>
				</div>
			</div>
			<p>显微镜<span>查看更多<img src="image/icon01.png" alt="" /></span></p>
			<div class="lists">
				<div>
					<div class="head">
						<div class="left">
							<img src="image/icon02.png" /> 喜欢
						</div>
						<div class="right">
							购物车
							<img src="image/icon03.png" />
						</div>
					</div>
					<img class="imgban" src="image/xianshijing.png" />
					<p class="name">医疗仪器显微镜</p>
					<p class="price">￥4236.0</p>
					<div class="img">
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
					</div>
				</div>
				<div>
					<div class="head">
						<div class="left">
							<img src="image/icon02.png" /> 喜欢
						</div>
						<div class="right">
							购物车
							<img src="image/icon03.png" />
						</div>
					</div>
					<img class="imgban" src="image/xianshijing.png" />
					<p class="name">医疗仪器显微镜</p>
					<p class="price">￥4236.0</p>
					<div class="img">
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
					</div>
				</div>
				<div>
					<div class="head">
						<div class="left">
							<img src="image/icon02.png" /> 喜欢
						</div>
						<div class="right">
							购物车
							<img src="image/icon03.png" />
						</div>
					</div>
					<img class="imgban" src="image/xianshijing.png" />
					<p class="name">医疗仪器显微镜</p>
					<p class="price">￥4236.0</p>
					<div class="img">
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
					</div>
				</div>
				<div>
					<div class="head">
						<div class="left">
							<img src="image/icon02.png" /> 喜欢
						</div>
						<div class="right">
							购物车
							<img src="image/icon03.png" />
						</div>
					</div>
					<img class="imgban" src="image/xianshijing.png" />
					<p class="name">医疗仪器显微镜</p>
					<p class="price">￥4236.0</p>
					<div class="img">
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
					</div>
				</div>
			</div>
			<p>显微镜<span>查看更多<img src="image/icon01.png" alt="" /></span></p>
			<div class="lists">
				<div>
					<div class="head">
						<div class="left">
							<img src="image/icon02.png" /> 喜欢
						</div>
						<div class="right">
							购物车
							<img src="image/icon03.png" />
						</div>
					</div>
					<img class="imgban" src="image/xianshijing.png" />
					<p class="name">医疗仪器显微镜</p>
					<p class="price">￥4236.0</p>
					<div class="img">
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
					</div>
				</div>
				<div>
					<div class="head">
						<div class="left">
							<img src="image/icon02.png" /> 喜欢
						</div>
						<div class="right">
							购物车
							<img src="image/icon03.png" />
						</div>
					</div>
					<img class="imgban" src="image/xianshijing.png" />
					<p class="name">医疗仪器显微镜</p>
					<p class="price">￥4236.0</p>
					<div class="img">
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
					</div>
				</div>
				<div>
					<div class="head">
						<div class="left">
							<img src="image/icon02.png" /> 喜欢
						</div>
						<div class="right">
							购物车
							<img src="image/icon03.png" />
						</div>
					</div>
					<img class="imgban" src="image/xianshijing.png" />
					<p class="name">医疗仪器显微镜</p>
					<p class="price">￥4236.0</p>
					<div class="img">
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
					</div>
				</div>
				<div>
					<div class="head">
						<div class="left">
							<img src="image/icon02.png" /> 喜欢
						</div>
						<div class="right">
							购物车
							<img src="image/icon03.png" />
						</div>
					</div>
					<img class="imgban" src="image/xianshijing.png" />
					<p class="name">医疗仪器显微镜</p>
					<p class="price">￥4236.0</p>
					<div class="img">
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
						<div>
							<div>
								<img src="image/xianshijing.png" />
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>
		<!--end footer -->
		<div class="foot">
			<div class="foot-top">
				<ul>
					<li>
						<img src="image/add.png" />
						<a href="#">预约维修服务</a>
					</li>
					<li>
						<img src="image/seven.png" />
						<a href="#">7天无理由退货</a>
					</li>
					<li>
						<img src="image/five.png" />
						<a href="#">15天免费换货</a>
					</li>
					<li>
						<img src="image/you.png" />
						<a href="#">满150包邮</a>
					</li>
					<li>
						<img src="image/add.png" />
						<a href="#">520余家售后网点</a>
					</li>
				</ul>
			</div>
			<div class="foot-middle">
				<div class="middle-left">
					<div class="middle-list">
						<ul>
							<li class="list-head">帮助中心</li>
							<li>
								<a href="#">账户管理</a>
							</li>
							<li>
								<a href="#">购物指南</a>
							</li>
							<li>
								<a href="#">订单操作</a>
							</li>
						</ul>
					</div>
					<div class="middle-list">
						<ul>
							<li class="list-head">服务支持</li>
							<li>
								<a href="#">售后政策</a>
							</li>
							<li>
								<a href="#">自助服务</a>
							</li>
							<li>
								<a href="#">相关下载</a>
							</li>
						</ul>
					</div>
					<div class="middle-list">
						<ul>
							<li class="list-head">线下门店</li>
							<li>
								<a href="#">道恩之家</a>
							</li>
							<li>
								<a href="#">服务网点</a>
							</li>
							<li>
								<a href="#">零售网点</a>
							</li>
						</ul>
					</div>
					<div class="middle-list">
						<ul>
							<li class="list-head">关于道恩</li>
							<li>
								<a href="#">了解道恩</a>
							</li>
							<li>
								<a href="#">加入道恩</a>
							</li>
							<li>
								<a href="#">联系我们</a>
							</li>
						</ul>
					</div>
					<div class="middle-list">
						<ul>
							<li class="list-head">关注我们</li>
							<li>
								<a href="#">新浪微博</a>
							</li>
							<li>
								<a href="#">官方微信</a>
							</li>
						</ul>
					</div>
					<div class="middle-list">
						<ul>
							<li class="list-head">特色服务</li>
							<li>
								<a href="#">礼物码</a>
							</li>
							<li>
								<a href="#">防伪查询</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="middle-right">
					<div class="middle-text">
						<span class="number">400-100-5678</span><br />
						<span>周一至周日 8:00-18:00</span><br />
						<span>(仅收市话费)</span><br />
						<span class="customer"><a href="#">24小时在线客服</a></span>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="footer-0">
				<div class="footer-left">
					<div class="footer-img">
						<img src="image/logo_top.png" />
					</div>
					<div class="footer-p">
						<p>道恩商城|MIUI|米聊|多看书城|道恩路由器|视频电话|道恩天猫店|道恩淘宝直营店|道恩网盟|道恩移动|隐私政策|Select Region</p><br />
						<p>@mi.com 京ICP证110507号 京ICP备10046444号京公网安备11010802020134号 京网文[2014]0059-0009号</p><br />
						<p> 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
					</div>
				</div>
				<div class="footer-right">
					<img src="IMDP/193ef991df6a9047ac6784e9550986c1.png" />
				</div>
			</div>
		</div>
	</body>

</html>